<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新增表单元素2</title>
</head>
<body>
    <form action="">
        <p>用户名：<input type="text" name="userName"></p>
        <p>密码：<input type="password" name="userPassword"></p>
        <p>加密：<keygen></keygen></p>
        <p><input type="submit"></p>
    </form>
    <!-- 显示输出信息，只能显示，不能修改
        1、语义性更强
        2、值需要设置，不能自动计算
    -->
    <output>总金额：¥100.00</output>
</body>
</html>